<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;

		}
		.g-container: {
			border: 10px solid #ccc;
		}
		.g-container:after{
			content: "";
			clear: both;
			display: block;
		}
		.g-list{
			float: left;

		}
/*		p{
			clear: both;
		}*/
	</style>
</head>
<body>

<div class='g-container'>
	<div class="g-list">11</div>
	<div class="g-list">22</div>
	<div class="g-list">33</div>
	<div class="g-list">44</div>
<!-- 	<p></p> -->
</div>

</body>
</html>